<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>EX09</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body background="planta.gif"> 
        <p><img src="calvin.gif" alt="abraço" align="right" > 
            <font color="#3299cc">IMAGEM COM ALINHAMENTO RIGHT</font></p>

        <p><a href=pagina2.html><img src="calvin.gif" alt="abraço" align="top"></a> 
            <font color="#db7093">IMAGEM COM ALINHAMENTO TOP</font> </p>     

        <p><img src="calvin.gif" alt="abraço" align="middle"> 
            <font color="#ebc79e">IMAGEM COM ALINHAMENTO MIDDLE</font></p>

        <p><img src="calvin.gif" alt="abraço" align="botton"> 
            <font color="#238e23">IMAGEM COM ALINHAMENTO BOTTON</font></p>

        <HR> 
        <a href=Img2.jpg> <img src=Img1.jpg alt=Clique para Ampliar></a> 
        <table border cellpadding=10 cellspacing=0 align=center bgcolor=silver bordercolor=red> 
            <caption aling=top>LEGENDA COM ALINHAMENTO TOP</caption> 
            <tr> 
                <td colspan=2>primeira linha primeira coluna ocupando 2 colunas</td> 
                <th rowspan=4>primeira linha segunda coluna ocupando 4 linhas</th> 
            </tr> 
            <tr align=right> 
                <td>2 x 1</td><td>2 x 2</td> 
            </tr> 
            <tr align=left> 
                <td>3 x 1</td><td>3 x 2</td> 
            </tr> 
            <tr align=center> 
                <td>4 x 1</td><td>4 x 2</td> 
            </tr> 
        </table> <p> 
        <table border=3 bordercolor=navy cellpadding=0 cellspacing=10> 
            <caption align=bottom>LEGENDA COM ALINHAMENTO BOTTOM</caption> 
            <tr> 
                <td>teste para alinhamento<br>com relação às bordas<br>superior e inferior</td> 
                <td valign=top bgcolor=blue>TOP</td> 
                <td valign=middle>MIDDLE</td> 
                <td valign=bottom>BOTTOM</td> 
            </tr> 
        </table> 
        <h1>Alinhamento de Imagens</h1> 
        <table> 
            <tr> 
                <td><img src="calvin.gif"></td> 
                <td><img src="calvin.gif"></td> 
                <td><img src="calvin.gif"></td> 
            </tr> 
        </table> 
        <h1>Adicionando espaço entre as imagens e incluindo uma legenda na Imagem</h1> 
        <table cellpadding=50> 
            <tr> 
                <td><img src="calvin.gif"><br>Imagem1</td> 
                <td><img src="calvin.gif"><br>Imagem2</td> 
                <td><img src="calvin.gif"><br>Imagem3</td> 
            </tr> 
        </table> 
        <h1>Imagem de fundo na tabela</h1> 
        <table background="calvin.gif" border cellpadding=10 cellspacing=0 align=center bordercolor=red> 
            <tr> 
                <td colspan=2>xxxxxxxxxxxxxxxxxxxxxxxxxxx</td> 
                <th rowspan=4>xxxxxxxxxxxxxxxxxxxxxxxxxxx</th> 
            </tr> 
            <tr> 														<td>xxxxxxxxxxxxxxxxxxxxxxxxxx</td><td>xxxxxxxxxxxxxxxxxxxxxxxxxxx</td> 
            </tr> 
            <tr align=left> 
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxx</td><td>xxxxxxxxxxxxxxxxxxxxxxxxxxx</td> 
            </tr> 
            <tr> 
                <td>xxxxxxxxxxxxxxxxxxxxxxxxxx</td><td>xxxxxxxxxxxxxxxxxxxxxxxxxxx</td> 
            </tr> 
        </table><p><p> 

    </body>
</html>
